import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)


const Recommend = (resolve) => {
  import('components/recommend/recommend').then(module => {
    resolve(module)
  })
}

const Singer = (resolve) => {
  import('components/singer/singer').then(module => {
    resolve(module)
  })
}

const SingerDetail = (resolve) => {
  import('components/singer-detail/singer-detail').then((module) => {
    resolve(module)
  })
}

const Disc = (resolve) => {
  import('components/disc/disc').then(module => {
    resolve(module)
  })
}

const Ranking = (resolve) => {
  import('components/ranking/ranking').then(module => {
    resolve(module)
  })
}

const TopList = (resolve) => {
  import('components/top-list/top-list').then((module) => {
    resolve(module)
  })
}

const Search = (resolve) => {
  import('components/search/search').then((module) => {
    resolve(module)
  })
}

export default new Router({
    routes: [
        {
          path: '/',
          redirect: '/recommend'
        },
        {
          path: '/recommend',
          component: Recommend,
          children: [
            {
              path: 'search',
              name: 'search',
              component: Search,
            },
            // {
            //   path: 'searchList',
            //   component: SingerDetail
            // },
            {
              path: ':id',
              component: Disc
            },
          ]
        },
        {
          path: '/singer',
          component: Singer,
          children: [
            {
              path: ':id',
              component: SingerDetail
            }
          ]
        },
        {
          path: '/rank',
          component: Ranking,
          children: [
            {
              path: ':id',
              component: TopList
            }
          ]
        },
    ]
})
